<template>
    <div id="operDetail">
        <div>
            <el-form  :model="operInfoDetail" class="formEmbedTable mt20">
                <table>
                    <caption>User Information</caption>
                    <tr>
                        <td>Operator No.</td>
                        <td>
                            <el-form-item >{{operInfoDetail.userNo}}</el-form-item>
                        </td>
                        <td>Operator Name</td>
                        <td>
                            <el-form-item >{{operInfoDetail.userAlias}}</el-form-item>
                        </td>					
                    </tr>
                    <tr>
                        <td>Operator Role</td>
                        <td>
                            <el-form-item > {{operInfoDetail.roleName}}</el-form-item>
                        </td>
                        <td>Status</td>
                        <td>
                            <el-form-item >{{$tools.dict.getUserStt(operInfoDetail.userStt)}}</span></el-form-item>
                        </td>
                        					
                    </tr>
                    <tr>
                        <td>Subbordiante to Department Name</td>
                        <td>
                            <el-form-item >{{operInfoDetail.branchName}}</el-form-item>
                        </td>
                        <td>Subbordiante to Department No.</td>
                        <td>
                            <el-form-item>{{operInfoDetail.branchNo}} </el-form-item>
                        </td>
                    </tr>
                    <tr>
                        <td>Identification Type</td>
                        <td>
                            <el-form-item >{{$tools.dict.certTypeDict(operInfoDetail.userCertType)}}</el-form-item>
                        </td>
                        <td>Identification No.</td>
                        <td>
                            <el-form-item > {{operInfoDetail.userCertNo}}</el-form-item>
                        </td>
                    </tr>
                    <tr>
                        <td>Email</td>
                        <td>
                            <el-form-item >{{operInfoDetail.userEmail}}</el-form-item>
                        </td>
                        <td>Mobile Phone</td>
                        <td>
                            <el-form-item >{{operInfoDetail.userMobile}} </el-form-item>  
                        </td>
                    </tr>
                    <tr>
                        
                        <td>Description</td>
                        <td colspan="3">
                            <el-form-item >{{operInfoDetail.userDesc}} </el-form-item>  
                        </td>
                    </tr>
                </table>
            </el-form>
        </div>
        <div class="btnArea mt20 tac">
            <el-button type="primary" @click="backMain">Back</el-button>
        </div>
    </div>
</template>
<script>
 //import ghbIcon from '@src/components/icon'
    export default {
        name:'operDetail',
        components:{
            //ghbIcon,
        },
        props:['operInfoDetail'],
        data(){
            return{
                
            }
        },
        methods:{
            backMain(){
                this.$emit("back");
            },

        }
    }
</script>